<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.0.min.js"></script>
    <style type="text/css">
        table {border-collapse: collapse;}
        table,th,td{border: 1px solid #000}
        </style>
</head>
<body>
    <table>
        <thead>
        <th> A </th>
        <th> B </th>
        <th> C </th>
        <th> D </th>
        <th> E </th>
        </thead>>
        <tbody>
        <tr>
            <td>2</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>3</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        </tbody>
        <table>
            </body>
            <script>
                $("th").css("background","#516516");
                $("tr:odd").css("background","#f3ffba");
                $("tr:odd").css("background","#ff08b1");
                </script>
            <dt>我们的课程
            <table>
            <dd>1</dd>
            <dd>2</dd>
            <dd>3</dd>
            <dd>4</dd>
            <dd>5</dd>
        </dt>
<div class="btn-group" role="group" aria-label="...">
    <button type="button" class="btn btn-default">1</button>
    <button type="button" class="btn btn-default">2</button>
    <button type="button" class="btn btn-default">3</button>
    <div class="jumbotron">
        <h1>666</h1>
        <p>...</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
    </div>
</div>

</html>